<template>
  <div class="wrapper">
    <top-area />
    <product-list />
    <order />
  </div>
</template>

<script>
  // import { ref } from 'vue'
  import TopArea from '@/views/orderConfirmation/TopArea'
  import ProductList from '@/views/orderConfirmation/ProductList'
  import Order from '@/views/orderConfirmation/Order'
  export default {
    name: 'OrderConfirmation',
    components: { TopArea, ProductList, Order }
  }
</script>
<style lang="scss" scoped>
  .wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #eee;
    overflow-y: scroll; //防止超出屏幕
  }
</style>
